<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>AdminLTE | factory management</title>
        <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
        <!-- bootstrap 3.0.2 -->
        <link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <!-- font Awesome -->
        <link href="../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
        <!-- Ionicons -->
        <link href="../css/ionicons.min.css" rel="stylesheet" type="text/css" />
        <!-- fullCalendar -->
        <link href="../css/fullcalendar/fullcalendar.css" rel="stylesheet" type="text/css" />
        <link href="../css/fullcalendar/fullcalendar.print.css" rel="stylesheet" type="text/css" media='print' />
        <!-- Theme style -->
        <link href="../css/AdminLTE.css" rel="stylesheet" type="text/css" />

        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
          <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->
    	<style type="text/css">
    		.clothes-style{
    			overflow: hidden;
    		}
    		.clothes-style div{
    			border: 1px solid black;
    			float: left;
    			margin-right: 5px;
    			margin-top: 5px;
    			padding: 10px;
    		}
    	</style>
    </head>
    <body class="skin-blue">
        <!-- header logo: style can be found in header.less -->
        <#include "../header.html"/>
        <div class="wrapper row-offcanvas row-offcanvas-left">
            <!-- Left side column. contains the logo and sidebar -->
            <#include "../menu.html"/>

            <!-- Right side column. Contains the navbar and content of the page -->
            <aside class="right-side">
                <!-- Content Header (Page header) -->
                <!--<section class="content-header">
                    <h1>
                        Simple Tables
                        <small>preview of simple tables</small>
                    </h1>
                    <ol class="breadcrumb">
                        <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
                        <li><a href="#">Tables</a></li>
                        <li class="active">Simple</li>
                    </ol>
                </section>-->




                <!-- Main content -->
                <section class="content" >
                    <div class="row">
                        <div class="col-md-12">
                            <div class="box" style="padding: 10px;">
                                <div class="box-header">
                                	<div class="col-md-4">
                                		<table class="table table-bordered">
	                                		<tr>
	                                			<td>
	                                				<input type="text" placeholder="输入订单号、公司名称搜索" />
	                                			</td>
	                                			<td>
	                                				<button type="button" class="btn btn-primary btn-sm">搜索</button>
	                                			</td>
	                                		</tr>
	                                	</table>
                                	</div>
                                	<div class="new-custorm" style="text-align: right;">
                                		<button id="addFactory" type="button" class="btn btn-primary" >新增工厂</button>
                                	</div>
                                </div><!-- /.box-header -->
                                <div class="box-title">
                                	<table class="table table-bordered">
                                    	<tr>
                                    		<td>基本信息</td>
                                    		<td>梳织类型</td>
                                    		<td>针织类型</td>
                                    		<td>毛衣类型</td>
                                    		<td>合作条件</td>
                                    		<td>操作</td>
                                    	</tr>
                                   </table>
                                </div>
                                <#list factoryDtos as factoryResult>
                               		 <div class="custorm-one">
                                	<table class="table table-bordered">
                                		<tr>
                                			<td colspan="6">
                                				客户编号：
                                				<span class="number">${factoryResult.code!}</span>
                                			</td>
                                		</tr>
                                		<tr>
                                			<td class="col-md-3">
                                				<span class=""></span>
                                				<div class="">
                                					${factoryResult.name!}
                                				</div>
                                				<#list factoryResult.factoryContacts as factoryContact>
                                				<div class="">
                                					联系人：${factoryContact.linkman!}
                                				</div>
                                				<div>
                                					联系方式：${factoryContact.contact!}
                                				</div>
                                				</#list>
                                			</td>
                                			<td class="clothes-style">
                                			<#list factoryResult.tattingStyle as constant1>
                                				<div>${constant1.name!}</div>
                                			</#list>
                                			</td>
                                			<td class="clothes-style">
                                			<#list factoryResult.wovenStyle as constant2>
                                				<div>${constant2.name!}</div>
                                			</#list>
                                			</td>
                                			<td class="clothes-style">
                                			<#list factoryResult.sweaterStyle as constant3>
                                				<div>${constant3.name!}</div>
                                			</#list>
                                			</td>
                                			<td>${factoryResult.cooperation_condition!}</td>
                                			<td class="col-md-1 foundForm">
                                				<div class="">
                                					<a href="#">编辑</a>
                                				</div>
                                				<div class="">
                                					<a id="remove" href="deleteFactory?factoryId=${factoryResult.id}">删除</a>
                                				</div>
                                			</td>
                                		</tr>
                                	</table>
                                </div>
                     			</#list>
                                
                                <div class="box-footer clearfix">
                                    <ul class="pagination pagination-sm no-margin pull-right">
                                        ${splitPage?replace("{url}","list?")}
                                    </ul>
                                </div>
                            </div><!-- /.box -->

                            
                        </div><!-- /.col -->
                        
                    </div><!-- /.row -->
                    
                </section><!-- /.content -->
            </aside><!-- /.right-side -->
        </div><!-- ./wrapper -->


        <!-- jQuery 2.0.2 -->
        <script src="../js/jquery.min.js"></script>
        <!-- jQuery UI 1.10.3 -->
        <script src="../js/jquery-ui-1.10.3.min.js" type="text/javascript"></script>
        <!-- Bootstrap -->
        <script src="../js/bootstrap.min.js" type="text/javascript"></script>
        <!-- AdminLTE App -->
        <script src="../js/AdminLTE/app.js" type="text/javascript"></script>
        <!-- Page specific script -->
        <script type="text/javascript">
            $(function() {
            	$('#addFactory').click(function(){
            		window.location.href='showAddPage';
            	});
            });
        </script>

    </body>
</html>
